<ui:composition template="../template/plantilla_01.xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.org/ui">

    <ui:define name ="panelCentral" >

        <h:form id="formulario" prependId="false" target="_blank" >

            <p:panel id="pEstadisticas" header="Estadisticas de compras" style="min-height: 400px;" >

                <p:growl showDetail="true" id="gCatalogo" />

                <p:dataTable value="#{estadisticasBean.lista}" var="i">

                    <p:column style="width: 50px;">

                        <p:lightBox rendered="#{not empty i.imggra}" >

                            <h:outputLink value="#{aplicacionBean.parametro.pathImagenesProductos}#{i.imggra}.jpg"  title="#{i.descrp}">
                                <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesProductos}#{i.imgchi}.jpg"  width="40" height="40" rendered="#{not empty i.imgchi}" />
                            </h:outputLink>

                        </p:lightBox>

                        <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesProductos}#{i.imgchi}.jpg" width="40" height="40"
                                        rendered="#{not empty i.imgchi and empty i.imggra}" />

                        <p:graphicImage value="#{aplicacionBean.parametro.pathImagenesProductos}intercap.jpg" width="40" height="40" rendered="#{empty i.imgchi}"
                                        style="border: 1px solid lightgrey;" />
                    </p:column>

                    <p:column headerText="Codigo" style="width: 38px; text-align: center;"
                              filterBy="#{i.codigo}" filterMatchMode="contains">

                        <h:outputText value="#{i.codigo}" />
                        <br/>
                        <h:outputText value="(#{i.indcod})" rendered="#{not empty i.indcod}" />

                    </p:column>

                    <p:column headerText="Descripción" filterBy="#{i.descrp}" filterMatchMode="contains" >
                        <h:outputText value="#{i.descrp} " id="descripcion" style="width: 480px;" />
                        <h:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/iconos/new.gif" rendered="#{i.pnuevo=='S'}"/>
                    </p:column>

                    <p:column style="width:20px; text-align: center;" headerText="Stock"   >


                        <h:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/iconos/stock_bajo.png" width="33" height="10"
                                        rendered="#{1 > i.stockTotal and not(i.productoApedido=='S') }" />
                         <h:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/iconos/stock_medio.png" width="33" height="10"
                                         rendered="#{(i.stockMinimo >=  i.stockTotal ) and ( i.stockTotal > 0 ) and not(i.productoApedido=='S')}" />
                         <h:graphicImage value="#{aplicacionBean.parametro.pathImagenesDefault}/iconos/stock_alto.png" width="33" height="10"
                                         rendered="#{i.stockTotal > i.stockMinimo and not(i.productoApedido=='S') }" />

                         <h:outputText value="A pedido" rendered="#{i.productoApedido=='S'}" />
                    </p:column>

                    <p:column headerText="cantidad">
                        <h:outputText value="#{i.cantid}" >
                            <f:convertNumber pattern="0"/>
                        </h:outputText>
                    </p:column>

                     <p:column style="font-size: 9.5px; text-align: center; width: 95px; ">

                        <p:commandButton  id="btnAgregar" icon="add16"
                                          action="#{carritoBean.agregarProductoEstadistica(i)}"
                                          process="@this"                                          
                                          title="Agregar este producto al carrito de compras"
                                          rendered="#{not i.seleccionado}" />
                        

                        <p:commandButton  id="btnDelete" icon="delete16"
                                          action="#{catalogoBean.seleccionarItemCatalogo(i,true)}"
                                          process="@this"                                          
                                          title="Borrar este producto del carrito de compras"
                                          rendered="#{(i.seleccionado)}">
                        </p:commandButton>

                        <p:commandButton id="btnPendiente" icon="pendiente16" rendered="#{i.pendiente.pendiente > 0}"
                                         title="Este producto se encuentra en sus pedidos pendientes"
                                         action="#{catalogoBean.seleccionarItemCatalogoEstadistica(i,false)}"
                                         process="@this"
                                         update=":formulario:pedidosPendientes"                                         
                                         oncomplete="PF('dlgPedidosPendientes').show();" >
                        </p:commandButton>

                        <p:tooltip for="btnAgregar"   showEffect="fade" hideEffect="fade" rendered="#{not i.seleccionado}"  />
                        <p:tooltip for="btnDelete"    showEffect="fade" hideEffect="fade" rendered="#{(i.seleccionado)}" />
                        <p:tooltip for="btnPendiente" showEffect="fade" hideEffect="fade" rendered="#{i.pendiente.pendiente > 0}" />

                    </p:column>

                </p:dataTable>


            </p:panel>

            <!-- LISTA DE PEDIDOS PENDIENTES -->
            <ui:include src="../inventario/catalogoPedidosPendientes.xhtml" />

            <!-- PEDIDO PENDIENTE -->
            <ui:include src="../facturacion/pedido.xhtml" />

        </h:form>

        

    </ui:define>

</ui:composition>
